@mixin btn-hover() {
  &:hover {
    opacity: .7;
  }
}

@mixin btn-active() {
  &:active {
    filter: brightness(85%);
  }
}

@mixin flex($hov: space-between, $col: flex-start) {
  display: flex;
  justify-content: $hov;
  align-items: $col;
}

@mixin block-image($w: 0, $h: 0, $dp: block) {
  width: $w;
  height: $h;
  display: $dp;
}

@mixin font($size: 16px, $weight: 400, $color: #333) {
  font-size: $size;
  font-weight: $weight;
  color: $color;
  line-height: calc(#{$size} + 8px);
}

@mixin bg-img( $url: "", $size: cover, $position: center) {
  background: url($url) no-repeat $position;
  background-size: $size;
}

@mixin set-absolute($top: 0, $left: 0) {
  position: absolute;
  top: $top;
  left: $left;
}

@mixin set-toast($w, $h) {
  margin: auto;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: $w;
  height: $h;
}
